<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta content="telephone=no,email=no" name="format-detection">
    <title>HTML5Course - 梦幻雪冰</title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <script src="../js/metahandler.js" type="text/javascript"></script>
</head>
<body>
    <div class="wrap">
        <!-- 内容区域 -->
        <div class="main clearfix" id="handlerLayout">
            <div class="search">
                <div class="clearfix">
                    <form action="">
                        <span>北京</span>
                        <input type="text" placeholder="请输入商品名称"/>                                    
                    </form>
                </div>
            </div>
            <!-- 广告区域 -->
            <div class="advert">
                <a href=""><img src="../images/data/advert.png" alt="" /></a>
            </div>
            <div class="goods-con">
                <!-- 本地商家 -->
                <div class="local">
                    <h2 class="clearfix">
                        <strong>本地商家</strong>
                        <a href="">more ></a>
                    </h2>
                    <div class="local-con">
                        <div class="clearfix">
                            <dl>
                                <dt>
                                    <a href="">
                                        <img src="../images/data/local1.png" alt="" />
                                        <em>议月养生美容</em>
                                    </a>
                                </dt>
                                <dd>
                                    <span><a href="">消费满100返100</a></span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="">
                                        <img src="../images/data/local1.png" alt="" />
                                        <em>议月养生美容</em>
                                    </a>
                                </dt>
                                <dd>
                                    <span><a href="">消费满100返100</a></span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="">
                                        <img src="../images/data/local1.png" alt="" />
                                        <em>议月养生美容</em>
                                    </a>
                                </dt>
                                <dd>
                                    <span><a href="">消费满100返100消费满100返100</a></span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="">
                                        <img src="../images/data/local1.png" alt="" />
                                        <em>议月养生美容</em>
                                    </a>
                                </dt>
                                <dd>
                                    <span><a href="">消费满100返100消费满100返100消费满100返100消费满100返100</a></span>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
        <div class="layout-bot"></div>
        <!-- 底部区域 -->
        <footer class="com-footer">
            <a href="">金币商城</a>
            <a href="">联盟商家</a>
            <a href="" class="select">购物车</a>
            <a href="">会员中心</a>
        </footer>
    </div>
    <script src="../js/zepto.min.js" type="text/javascript"></script>
    <script src="../js/common.js" type="text/javascript"></script>
    <script type="text/javascript">
    </script>
</body>
</html>